<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
        "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
    <!--Yahoo includes for dom event handling-->
    <script src="../yui/build/yahoo-dom-event/yahoo-dom-event.js" type="text/javascript"></script>

    <!--Yahoo includes for animations-->
    <script src="../yui/build/animation/animation-min.js" type="text/javascript"></script>

    <!--Local js includes-->
    <script type="text/javascript" src="js/treecontrol.js"></script>

    <link href="css/tree-styles.css" media="all" rel="stylesheet" />
    <link href="css/dsxmleditor.css" media="all" rel="stylesheet" />
    <title>Data service Creation</title>
</head>
<body>
    <div class="treeControl">
         <ul>
             <li><a class="nodata" onclick="treeColapse(this)">&nbsp;</a> <a class="treeNode" onclick="treeColapse(this)">lev1-one</a></li>
             <li><a class="minus" onclick="treeColapse(this)">&nbsp;</a> <a class="treeNode" onclick="treeColapse(this)">lev1-two</a>
             <ul>
                 <li><a class="nodata" onclick="treeColapse(this)">&nbsp;</a> <a class="treeNode" onclick="treeColapse(this)">lev2-one</a></li>
                 <li><a class="nodata" onclick="treeColapse(this)">&nbsp;</a> <a class="treeNode" onclick="treeColapse(this)">lev2-two</a></li>
                 <li><a class="nodata" onclick="treeColapse(this)">&nbsp;</a> <a class="treeNode" onclick="treeColapse(this)">lev2-three</a></li>
             </ul>
             </li>
             <li><a class="nodata" onclick="treeColapse(this)">&nbsp;</a> <a class="treeNode" onclick="treeColapse(this)">level-three</a></li>
         </ul>
    </div>
</body>
</html>